<!doctype html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>书籍列表</title>
    <meta charset="utf-8">
</head>
<body>
<!--
     遍历list集合
-->
<a href="myInformation.html">我的信息</a>
<!--
  展示用户借阅信息
-->
<a href="lendInformation.html">借阅信息</a>
<div align="center">

    <h1>书籍列表</h1>
    <hr>
    <table border="1px" width="80%" >
        <tr>
            <th>序号</th>
            <th>图书名称</th>
            <th>作者</th>
            <th>出版社</th>
            <th>书籍编号</th>
            <th>简介</th>
            <th>语言</th>
            <th>价格</th>
            <th>出版时间</th>
            <th>书籍类型</th>
            <th>状态</th>
            <th>借阅</th>
            <th></th>
        </tr>
        <tbody th:each="bookInfo,bookInfoStatus:${bookInfos}">
        <tr align="center" >
            <td th:text="${bookInfo.id}">未获取内容</td>
            <td th:text="${bookInfo.name}">未获取内容</td>
            <td th:text="${bookInfo.author}">未获取内容</td>
            <td th:text="${bookInfo.publish}">未获取内容</td>
            <td th:text="${bookInfo.isbn}">未获取内容</td>
            <td th:text="${bookInfo.introduction}">未获取内容</td>
            <td th:text="${bookInfo.language}">未获取内容</td>
            <td th:text="${bookInfo.price}">未获取内容</td>
            <td th:text="${bookInfo.publish_date}">出版时间</td>
            <td th:text="${bookInfo.type_id}">未获取内容</td>
            <div th:switch="${bookInfo.status}">
                <td th:case="${0}">未借出</td>
                <td th:case="${1}">已借出</td>
                <td th:case="*">发生错误</td>
            </div>
            <div th:if="${result}==null">
            <div th:switch="${bookInfo.status}">
                <td th:case="${0}"><a th:href="|@{lend}?id=${bookInfo.id}|">点击借阅</a></td>
                <td th:case="${1}" >已借阅(本用户或其它用户)</td>
                <td th:case="*">发生错误</td>
            </div>
            </div>
            <!--
               这样写很low,因为重复使用了代码。更好的解决方案是什么？
            -->
            <div th:if="${result}==-1">
                <td th:if="${bookInfo.id}==${id}">已借阅(本用户或其它用户)</td>
                <div th:if="${bookInfo.id}!=${id}" th:switch="${bookInfo.status}">
                    <td th:case="${0}"><a th:href="|@{lend}?id=${bookInfo.id}|">点击借阅</a></td>
                    <td th:case="${1}" >已借阅(本用户或其它用户)</td>
                    <td th:case="*">发生错误</td>
                </div>
            </div>
        </tr>
        </tbody>
    </table>

</div>
</body>
</html>